<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@page import="java.sql.*, java.io.*, bean.*, dao.*, java.util.*" %>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<%
	User user = (User) session.getAttribute("user");
 %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <link rel="stylesheet" type="text/css" href="css/EasyLife.css">
    <title>Easy Life</title>
  </head>
  
  <body>
    <div id="main">
        <div id="header">
            <div id="logo"> 
            	Easy Life 
            </div>
            <form action="LoginServlet" name="LoginForm" method="post">
            	<div id="login">
            		<div id="login_name">
            			Username<br>
            			<input type="text" size="18" name="username">
            		</div>
            		<div id="login_pswd">
            			Password<br>
            			<input type="password" size="18" name="password">
            		</div>
            		<div id="login_buttons">
            			<input type="checkbox" name="remeberme"/>remember me&nbsp;&nbsp;&nbsp;
            			<input type="submit" value=" login "/>&nbsp;
            			<input type="reset" value=" reset "/>
            		</div>
            	</div>
            </form>
            <div id="position">EasyLife >> Home</div>
            <div id="welcome">
            	<% 
            		if (user!=null){
      	  		%>
					hello, <a href=#><%=user.getUName() %></a> 
					| <a href=#>my cart</a>
					| <a href="logout.jsp">logout</a>
      	  		<%
      	  			}
      	  		%>
            </div>
        </div>
        <br>
        <br>
        <hr width="900" color="#F03000"/>

        <div id="indexLeftColumn">
            <div id="left_catalog">Service List</div>
            <div id="left_catalog_content">
            	<ul>
					<li><a href="#">Translation</a></li><br><br>
					<li><a href="#">Service 2</a></li><br><br>
					<li><a href="#">Service 3</a></li><br><br>
					<li><a href="#">Service 4</a></li><br><br>
				</ul>
            </div>
        </div>

        <div id="indexRightColumn">
            right column
        </div>

        <div id="footer">
            footer
        </div>
    </div>
</body>
</html>
